<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
		<style>
			bo dy{
				width: 100%;
				height: 100000px;
				background-image: url(img/小新.png);
				background-size: cover;
				/* 函数 cover 等比例放大图片 特点：原图按照比例放大存背景空间
				    【开发者:背景图大小是否等于背景空间】
					contain 等比例缩放图片，特点:图片按照比例缩放存背景空间
				    【开发者:背景图大小是否等于背景空间】
				 */
				/*背最附件--尺寸中存在cover或者contain*/
				background-attachment: fixed;/*背景图固定 scroll 不固定*/
			}
			div{
				width: 300px;
				height: 300px;
				background-color: #e4393c;
				background: #ecc;
				background-image: url(img/小新.png);
				/* 问题：超大图-不显示  小图-显示 
				注意：背景空间大小，如果图小于背景空间---平铺
				*/
			  background-repeat: no-repeat;
			   /*no-repeat不平铺 repeat-x,y 横、纵向平铺 */
			   background-size: 30%;
			   /*背景尺寸属性信：数px %|函数 cover contain*/
			   /* 背景定位：前提背景空间大于背景图 center、left、right、top..*/
			   background-position: center bottom;
			}
		</style>
	</head>
	<body>
		Lorem ipsum dolor sit amet consectetur, adipisicing elit. Itaque quod laboriosam accusantium consequatur obcaecati molestiae inventore nostrum sit eveniet, atque error quibusdam ipsa neque quae. Reprehenderit magnam architecto explicabo quidem?
		Lorem ipsum dolor, sit amet consectetur adipisicing elit. Incidunt quidem sequi autem voluptatum sunt iure doloremque accusantium voluptas soluta nemo. Praesentium illum aspernatur molestiae! Sunt earum dignissimos odit non nobis.
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio nobis commodi omnis error officiis at vel! Aspernatur maiores est quas dolore repellat cum dolores eum minima, earum facere perferendis officia?
		<!-- html img图片 引入一张图片，位置不可随意改变 
		     css 背景图片 引入一张图片，位置可以随意改变 
		  子属性 background-color背景颜色
	            background-imge背景图
		        background-repeat 背景重复
		        background-size 背景尺寸
		        background-attachment 背景附件
		        background-position 背景附件
  		复合属性 background：background-imge background-repeat background-color
 		        background-size background-attachment background-position
  		简写属性 background：background-imge background-position| background-sizebackground
		代替子属性： background-imge background-color  background-repeat
		-->
		<div></div>
	</body>
</html>